$(function () {
  /**
   * 分类触发事件开始
   */

  //判断鼠标移入的方向
  function moveDirection(tag, e) {
    var w = tag.offsetWidth;
    var h = tag.offsetHeight;
    var x = e.pageX - tag.getBoundingClientRect().left - w / 2;
    var y = e.pageY - tag.getBoundingClientRect().top - h / 2;
    var direction =
      Math.round(((Math.atan2(y, x) * 180) / Math.PI + 180) / 90 + 3) % 4; //direction的值为“0,1,2,3”分别对应着“上，右，下，左”
    return direction;
  }

  //   提前定义index控制选中的第几个
  var index;
  /*
   *移入分类字样触发
   *
   */
  $(".fenClass_area .class_title").on("mouseenter mouseleave", function (e) {
    let eventType = e.type;
    //获取方向
    let direction = moveDirection(this, e);
    let dirName = new Array("上方", "右侧", "下方", "左侧");
    if (eventType == "mouseenter") {
      $(".class_desc").stop().show(200);
      $(".class_desc .desc_tap").stop().slideDown(200);
      $(".class_desc .desc_tap li").stop().slideDown(200);
      $(".right_area").stop().hide(200);

      /**
       * 离开后做出判断
       */
    } else {
      if (dirName[direction] != "下方") {
        $(".class_desc").stop().hide(200);
      } else {
        // if ($(".class_desc .desc_tap").css("display") == "block") {
        $(".class_desc .desc_tap").on("mouseenter mouseleave", function (e) {
          let eventType = e.type;
          let direction = moveDirection(this, e);
          let dirName = new Array("上方", "右侧", "下方", "左侧");
          if (eventType == "mouseenter") {
            $(".class_desc .desc_tap li").mouseover(function () {
              $(".right_area").stop().show();
              index = $(this).index();
              $(".right_area .right_panel")
                .eq(index)
                .stop()
                .show(100)
                .siblings()
                .hide();
            });
            /**
             * 右方区域移动事件判断
             */
            $(".right_area").on("mouseenter mouseleave", function (e) {
              let eventType = e.type;
              let direction = moveDirection(this, e);
              let dirName = new Array("上方", "右侧", "下方", "左侧");
              if (eventType == "mouseenter") {
                if ((dirName[direction] = "左侧")) {
                  $(".class_desc .desc_tap").stop().show();
                  $(".right_area").stop().show();
                }
              } else {
                if (dirName[direction] != "左侧") {
                  $(".class_desc").stop().hide(200);
                }
              }
            });
          } else {
            if (dirName[direction] == "左侧" || dirName[direction] == "下方") {
              $(".class_desc").stop().hide(200);
            }
          }
        });
      }
    }
  });

  /**
   * 分类触发事件结束
   */

  /**
   *
   * 搜索框事件
   */
  var inputTemp;
  //历史搜索的数组
  var hisArr = [];

  $(".seachar_input input").on({
    focus: function () {
      $(".history_search").stop().slideDown(200);
    },
    blur: function () {
      setTimeout(function () {
        $(".history_search").stop().slideUp(100);
      }, 500);
    },
    input: function () {
      if ($(this).val().trim() != "") {
        //把搜索框 中的内容存到临时变量中
        inputTemp = $(this).val().trim();
      }
    },
  });
  /*
  
  点击搜索 把搜索内容存到浏览器对象中
  */
  $(".btn_search").click(function () {
    $(".seachar_input input").val("");
    if (inputTemp.trim() != "") {
      $(".his_search").stop().show();
      hisArr.push(inputTemp);
      //往浏览器对象中存数组
      localStorage.setItem("hotArr", JSON.stringify(hisArr));
      $(".history_search .his_con").empty();
      addHis();
    }
  });

  /**
   * 从浏览器对象中拿历史搜索的记录
   */
  function addHis() {
    const hot_Arr = JSON.parse(localStorage.getItem("hotArr"));
    if (hot_Arr != null) {
      $(".his_search").stop().show();
      hot_Arr.forEach((item) => {
        var html = `<a href="../html/freevideo.html" title="${item}" target="_blank">${item}</a>`;
        //在该元素前加
        $(".history_search .his_con").prepend(html);
      });
    }
  }

  // 点击清空
  $(".empty").click(function () {
    $(".history_search .his_con").empty();
    $(".his_search").stop().hide();
    hisArr = [];
    localStorage.removeItem("hotArr");
    // localStorage.setItem("hotArr", null);
  });

  /**
   *
   * 取路径中的参数
   */

  function getQueryString() {
    var qs = location.search.substr(1), // 获取url中"?"符后的字串
      args = {}, // 保存参数数据的对象
      items = qs.length ? qs.split("&") : [], // 取得每一个参数项,
      item = null,
      len = items.length;

    for (var i = 0; i < len; i++) {
      item = items[i].split("=");
      var name = decodeURIComponent(item[0]),
        value = decodeURIComponent(item[1]);
      if (name) {
        args[name] = value;
      }
    }
    return args;
  }

  /**
   * 点击退出登录
   */
  $(".loginOut").click(function () {
    window.location = "../html/index.html";
    localStorage.setItem("isLogin", false);
  });

  // 立即执行
  $(function () {
    addHis();
    //从路径中取值
    const urlParams = getQueryString();
    //判断有没有用户名
    if (urlParams.username) {
      localStorage.setItem("isLogin", true);
    }
    if (localStorage.getItem("isLogin") == "true") {
      var userInfo = JSON.parse(localStorage.getItem("user"));
      if (userInfo.username) {
        $(".loginStatus>a").stop().hide();
        $(".loginStatus .login_sucess span").html(userInfo.username);
        $(".unlogin").stop().hide();
        $(".suclogin .userinfo span").html(userInfo.username);
      }
    } else {
      console.log(1);
      $(".loginStatus>div").stop().hide();
      $(".suclogin").stop().hide();
    }

    //回车执行搜索
    document.addEventListener("keyup", function (e) {
      if (e.keyCode === 13) {
        $(".btn_search").click();
      }
    });

    /**
     * 右侧下拉菜单
     */
    $(".right_common").hover(
      function () {
        $(this).find(".right_select").stop().slideDown(100);
      },
      function () {
        $(this).find(".right_select").stop().slideUp(100);
      }
    );
    // 点击回到顶部
    $(".js-jump-container").click(function () {
      let top = document.documentElement.scrollTop || document.body.scrollTop;
      console.log(top);
      // 实现滚动效果
      const timeTop = setInterval(() => {
        document.body.scrollTop = document.documentElement.scrollTop = top -= 50;
        if (top <= 0) {
          clearInterval(timeTop);
        }
      }, 10);
    });
  });
});
//回到顶部
window.onscroll = function (ev) {
  var t = document.documentElement.scrollTop || document.body.scrollTop;
  if (t > 200) {
    $("#js-jump-container").stop().fadeIn(1000);
  } else if (t < 199) {
    $("#js-jump-container").stop().fadeOut(500);
  }
};
